<template>
  <div class="detail-step" style="padding:20px">
    <x-steps :active="order.orderState===6?1:order.orderState">
      <x-steps-item title="提交订单" :desc="order.createTime"></x-steps-item>
      <x-steps-item title="付款成功" :desc="order.payTime"></x-steps-item>
      <x-steps-item title="商品发货" :desc="order.consignTime"></x-steps-item>
      <x-steps-item
        title="确认收货"
        :desc="order.evaluationTime"
      ></x-steps-item>
      <x-steps-item title="订单完成" :desc="order.endTime"></x-steps-item>
    </x-steps>
  </div>
</template>

<script>
// import XSteps from '../../../../components/common/XSteps.vue'
// import XStepsItem from '../../../../components/common/XStepsItem'
export default {
  // components: { XSteps, XStepsItem },
  name: "DetailSteps",
  props: {
    order: {
      type: Object,
      default: () => ({}),
    },
  },
};
</script>

<style lang="less" scoped>
</style>